@import "../../base/index";
html,
body {
  height: 100%;
}

body {
  min-width: 1200px;
}

@mixin imgCover($simg) {
  background-size: cover;
}

body a:hover {
  cursor: pointer;
  text-decoration: none;
}


// 右边具体内容
.auuount.center{
  height: 900px;
  margin-left: 20px;
  width: 920px;
  .user{
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom:30px; 
    .bg{
      width: 30px;
      height: 30px;
      background-color: #ff5978;
      border-radius: 4px;
      text-align: center;
      line-height: 30px;
      .icon{
        font-size: 20px;
        color: white;
      }
    }
    .userGg{
      margin-left: 7px;
      p:first-child{
        font-size: 12px;
        letter-spacing: 1px;
        color: #1c1142;
      }
      p:last-child{
        font-size: 12px;
        letter-spacing: 1px;
        color: #999999;
        margin-top: 2px;
      }
    }
  }
  .money{
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
      .moneyCont{
        width: 300px;
        height: 120px;
        background-color: #ffffff;
        padding: 20px 0 24px 21px;
        .icon{
          font-size: 25px;
          color: #a255bc;
          height: 20px;
        }
        .text1{
          padding-left: 80px;
          font-size: 14px;
          letter-spacing: 1px;
          color: #333333;
        }
        .text2{
          padding-left: 80px;
          font-size: 30px;
          letter-spacing: 3px;
          color: #1c1142;
          span{
            font-size: 16px;
            letter-spacing: 1px;
            color: #333333;
          }
        }
      }
  }
  .safe{
    height: 60px;
    background-color: #ffffff;
    padding-left: 20px;
    .lvl{
      font-size: 14px;
      letter-spacing: 1px;
      color: #333333;
      padding-top: 10px;
    }
    .pro{
      display: flex;
      align-items: center;
      height: 25px;
      .barDefault{
        width: 240px;
        height: 8px;
        background-color: #dddddd;
        .progress{
          width: 120px;
          height: 8px;
          background-image: linear-gradient(270deg, 
            #3a7d47 0%, 
            #69c17a 100%), 
          linear-gradient(
            #1c1142, 
            #1c1142);
          background-blend-mode: normal, 
            normal;
        }
        .all{
          width: 240px;
          height: 8px;
          background-image: linear-gradient(270deg, 
            #3a7d47 0%, 
            #69c17a 100%), 
          linear-gradient(
            #1c1142, 
            #1c1142);
          background-blend-mode: normal, 
            normal;
        }
      }
      span{
      	font-size: 12px;
        letter-spacing: 1px;
        color: #999999;
        &.icon{
          font-size: 16px;
          padding-left: 112px;
          padding-right: 10px;
          color: #666666;
        }
        &.icon.right{
          padding-left: 158px;
        }
        &.yiban{
          padding-left: 16px;
          padding-right: 20px;
        }
        a{
          color: #24b9ff;
        }
      }
    }
  }
  .navmenu{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    .navmenuLeft{
      width: 610px;
      height: 320px;
      background-color: #ffffff;
      .jiaoyi{
        padding: 20px 20px 16px 41px;
        display: flex;
        justify-content: space-between;
        .tix{
          font-size: 16px;
          letter-spacing: 1px;
          color: #222222;
        }
        .all{
          font-size: 12px;
          line-height: 24px;
          letter-spacing: 1px;
          color: #24b9ff;
        }
      }
      .line{
        width: 570px;
        height: 1px;
        background-color: #dddddd;
        margin: auto;
      }
    }
    .navmenuRight{
      width: 301px;
      height: 320px;
      background-color: #ffffff;
    }
  }
  .goods{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    .goodsCont{
      width: 106px;
      height: 100px;
      background-color: #ffffff;
      .goodsIcon{
        width: 40px;
        height: 40px;
        background-color: #b5a5dd;
        border-radius: 50%;
        text-align: center;
        color:white;
        line-height: 40px;
        margin: auto;
        margin-top: 20px;
        .icon{
          font-size: 20px;
        }
      }
      p{
        text-align: center;
        font-size: 12px;
        letter-spacing: 1px;
        color: #666666;
        padding-top: 10px;
        padding-left: 3px;
      }
    }
  }
  .collection{
    width: 920px;
    height: 160px;
    background-color: #ffffff;
    margin-top: 20px;
    padding: 20px 16px 13px 20px;
    .ck{
      display: flex;
      justify-content: space-between;
      p{
        font-size: 16px;
        letter-spacing: 1px;
        color: #666666;
      }
      p:last-child{
        font-size: 12px;
        letter-spacing: 1px;
        a{color: #24b9ff;}
      }
    }
    .collectionAllCont{
      display: flex;
      justify-content: space-between;
      margin-top: 12px;
      .collectionCont{
        width: 100px;
        height: 100px;
        background-color: #e5e5e5;
      }
    }
    
  }
}